<template>
  <div class="remen">
    <div class="title"><span class="huodong">热门活动</span><i>更多></i></div>
    <ul>
      <li><img src="images/54.jpg" /></li>
      <li><img src="images/55.jpg" /></li>
      <li><img src="images/56.jpg" /></li>
      <li><img src="images/57.jpg" /></li>
      <li><img src="images/58.jpg" /></li>
      
    </ul>
  </div>
</template>
<script>
export default {
  name: "Myremen",
  data: function () {
    return {};
  },
};
</script>
<style scoped>
.remen {
  width: 3.75rem;
  min-height: 5rem;
  box-sizing: border-box;
}
.remen .title {
  width: 3.75rem;
  height: 0.15rem;
  margin-bottom: 0.2rem;
}
.remen .title .huodong {
  float: left;
  margin-left: 0.2rem;
  font-weight: 700;
  font-size: 0.12rem;
}
.remen .title i {
  float: right;
  margin-right: 0.2rem;
  color: #565a67;
  font-size: 0.12rem;
}
.remen ul {
  width: 375px;
  min-height: 4rem;
}
.remen ul li {
  width: 3.4rem;
  height: 0.9rem;
  margin-left: 0.17rem;
  margin-bottom: 0.12rem;
}
</style>
